<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>First-Vue-Demo</title>
	<style type="text/css">
		.bg{
			color:red;
		}
	</style>
	<script src="https://cdn.bootcss.com/vue/2.5.17/vue.js"></script>
</head>
<body>
<div class="bg" id="app">
	
	<div v-bind:id="data">
		{{msg}}
	</div>

	<div v-html="template">
	</div>
	
	<a v-bind:href="url">百度</a>
	<a :href="url1">新百度</a>

	<div>{{(count+1)*2}}</div>

	<button type="button" v-on:click="submit()">count_click</button>
	<button type="button" @click="submit()">new_count_click</button>
	<div>
		<button type="button" @click="reset()">reset</button>
	</div>
</div>

<script>
	new Vue({
		el: '#app',
		data: {
			msg: 'Hello Vue!!!!',
			count: 0,
			data: 'app-bind',
			url: "https://blog.csdn.net/shaock2018/article/details/83501011",
			url1: "https://www.jianshu.com/u/6f033c6a3b90",
			template: '<div>hello world!</div>'
		},
		methods: {
			submit: function(){
				this.count++
			},
			reset: function(){
				this.count = -1
			}
		}
	})
</script>

</body>
</html>